<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生产订单详情</title>
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/DataTables/css/jquery.dataTables.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/layui/css/layui.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-iboss.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-plugs.min.css">
    <link rel="stylesheet" href="../../css/aptitudes.min.css">
</head>
<body class="body-main">
    <div class="business-top">
        <ul class="business-info">
            <li><b>生产订单编号：</b>SC232412</li>
            <li><b>所属订单：</b>XX12154212</li>
            <li><b>生产状态：</b>办理中</li>
            <li><b>客户：</b>侯大勇 130****1233</li>
            <li><b>当前流程人员：</b>XXX</li>
            <li><b>生产单负责人：</b>XXX</li>
            <li><b>签单商务：</b>王小麦123456</li>
            <li><b>证书匹配：</b>已匹配</li>
            <li><b>资质匹配：</b>未匹配</li>
        </ul>
    </div>
    <div class="business-opt">
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini">打电话</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="updateNode()">更新节点</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="productionPause()">生产暂停</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="helpManage()">协单管理</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini">费用申请</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="certificateMatch()">证书匹配</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini">资质匹配</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="chargeBack()">退单</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="transferOrder()">转单</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="fileBinding()">档案绑定</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini">创建工单</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="turnOver()">移交</a>
    </div>
    <div class="finan-panel">
        <div class="finan-tit">
            <b>申请审核记录</b>
        </div>
        <div class="panel-main">
            <ul class="next-follow">
                <li>
                    <span>王建茹754545</span>
                    <span class="label">退单审核驳回</span>
                    <span class="time">2017.09.03 10:30</span>
                    <span>客户会带齐资料上门，预定提前打电话接待客户会带齐资料上门</span>
                </li>
                <li>
                    <span>王建茹754545</span>
                    <span class="label label-blue">申请退单</span>
                    <span class="time">2017.09.03 10:30</span>
                    <span>客户会带齐资料上门，预定提前打电话接待客户会带齐资料上门</span>
                </li>
                <li>
                    <span>王建茹754545</span>
                    <span class="label label-red">申请退单</span>
                    <span class="time">2017.09.03 10:30</span>
                    <span>客户会带齐资料上门，预定提前打电话接待客户会带齐资料上门</span>
                </li>
                <li>
                    <span>王建茹754545</span>
                    <span class="label label-yellow">申请退单</span>
                    <span class="time">2017.09.03 10:30</span>
                    <span>客户会带齐资料上门，预定提前打电话接待客户会带齐资料上门</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="finan-panel">
        <div class="finan-tit">
            <b>基本信息</b>
        </div>
        <div class="panel-table">
            <table class="layui-table table-info">
                <tbody>
                <tr>
                    <th>客户名称</th>
                    <td>XXXX</td>
                    <th>联系电话</th>
                    <td>130****1233</td>
                    <th>性别</th>
                    <td>男</td>
                    <th>生日</th>
                    <td>2018-06-18</td>
                </tr>
                <tr>
                    <th>身份证号</th>
                    <td>5121212122285454211</td>
                    <th>户籍地址</th>
                    <td>XXXXXX</td>
                    <th>客户年龄</th>
                    <td>（自动计算得出）</td>
                    <th>业务地区</th>
                    <td>成都</td>
                </tr>
                <tr>
                    <th>客户角色</th>
                    <td>个人/老板/员工</td>
                    <th>来源方式</th>
                    <td>自开发</td>
                    <th>客户需求</th>
                    <td></td>
                    <th></th>
                    <td></td>
                </tr>
                <tr>
                    <th>客户备注</th>
                    <td colspan="7"></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="finan-panel">
    <table class="layui-table">
        <thead>
        <tr><th>业务类型</th>
            <th>订单产品</th>
            <th>服务区域</th>
            <th>产品属性</th>
            <th>合同编号</th>
        </tr></thead>
        <tbody>
        <tr>
            <td>网站制作</td>
            <td>安全生产许可证</td>
            <td>成都地区</td>
            <td>企业+XX行业+XXX</td>
            <td>XXX23321421</td>
        </tr>
        </tbody>
    </table>
    </div>
    <div class="finan-panel">
        <div class="finan-tit">
            <b>生产数据</b>（生产订单到期时间：2017年10月23日）
            <div class="panel-opt">
                <div class="layui-inline">
                    <ul class="order-state">
                        <li><i class="state-circle"></i><span class="inline">已完成</span></li>
                        <li><i class="state-circle over"></i><span class="inline">已超期</span></li>
                        <li><i class="state-circle unfinished"></i><span class="inline">未完成</span></li>
                    </ul>
                </div>
                <a href="javascript:void(0)" class="layui-btn layui-btn-mini">编辑</a>
            </div>
        </div>
        <div class="panel-body dis-block">
            <div class="flow flow-box">
                <ul class="flow-list flow-ul">
                    <li>
                        <i class="state-circle"></i>
                        <p>项目发布</p>
                        <span>2017/12/23</span>
                    </li>
                    <li>
                        <i class="state-circle"></i>
                        <p>项目下单</p>
                        <span>2017/12/23</span>
                    </li>
                    <li>
                        <i class="state-circle"></i>
                        <p>投标接单</p>
                        <span>2017/12/23</span>
                    </li>
                    <li>
                        <i class="state-circle"></i>
                        <p>首页设计</p>
                    </li>
                    <li>
                        <i class="state-circle"></i>
                        <p>前端制作</p>
                        <span>2017/12/23</span>
                    </li>
                    <li>
                        <i class="state-circle over"></i>
                        <p>程序制作</p>
                        <span class="red">超期1天</span>
                    </li>
                    <li>
                        <i class="state-circle unfinished"></i>
                        <p>测试上线</p>
                    </li>
                    <li>
                        <i class="state-circle unfinished"></i>
                        <p>项目交互</p>
                    </li>
                    <li>
                        <i class="state-circle unfinished"></i>
                        <p>项目结项</p>
                    </li>
                </ul>
            </div>
            <table class="layui-table table-info">
                <tbody>
                <tr>
                    <th>接单时间</th>
                    <td>da
                        <input type="text" class="input-style Wdate">
                    </td>
                    <th>产品</th>
                    <td></td>
                    <th>渠道</th>
                    <td></td>
                    <th>资料交接数</th>
                    <td></td>
                </tr>
                <tr>
                    <th>资质公司</th>
                    <td></td>
                    <th>招标文件</th>
                    <td></td>
                    <th>招标清单</th>
                    <td></td>
                    <th>标书数量</th>
                    <td></td>
                </tr>
                <tr>
                    <th>交标书时间</th>
                    <td></td>
                    <th>网上审批时间</th>
                    <td>XXXX-XX-XX</td>
                    <th>评审时间</th>
                    <td>XXXX-XX-XX</td>
                    <th>评审结果</th>
                    <td></td>
                </tr>
                <tr>
                    <th>渠道出证时间</th>
                    <td>XXXX-XX-XX</td>
                    <th>公示时间</th>
                    <td>XXXX-XX-XX</td>
                    <th>公示号</th>
                    <td></td>
                    <th>公告时间</th>
                    <td></td>
                </tr>
                <tr>
                    <th>公告号</th>
                    <td></td>
                    <th>领证时间</th>
                    <td>XXXX-XX-XX</td>
                    <th>说明</th>
                    <td colspan="3"></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="finan-panel">
        <div class="finan-tit">
            <b>相关生产订单</b>
        </div>
        <div class="panel-table">
            <table class="layui-table">
                <thead>
                <tr><th>序号</th>
                    <th>生产订单编号</th>
                    <th>生产状态</th>
                    <th>生产节点</th>
                    <th>订单产品</th>
                    <th>服务区域</th>
                    <th>产品属性</th>
                    <th>产品类型</th>
                    <th>订单状态</th>
                </tr></thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>XX1512312313</td>
                    <td>生产完结</td>
                    <td>生产完结</td>
                    <td>安全生产许可证</td>
                    <td>成都地区</td>
                    <td>新办</td>
                    <td>施工资质</td>
                    <td><label class="label">正常</label></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>XX1512312313</td>
                    <td>生产完结</td>
                    <td>生产完结</td>
                    <td>安全生产许可证</td>
                    <td>成都地区</td>
                    <td>新办</td>
                    <td>施工资质</td>
                    <td><label class="label label-red">退款</label></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="tab-panel layui-tab">
        <ul class="layui-tab-title order-tab">
            <li class="layui-this"><a href="javascript:void(0)">历史记录</a></li>
            <li><a href="javascript:void(0)">客户信息</a></li>
            <li><a href="javascript:void(0)">证书/资质</a></li>
            <li><a href="javascript:void(0)">生产人员</a></li>
            <li><a href="javascript:void(0)">签单信息</a></li>
            <li><a href="javascript:void(0)">财务信息</a></li>
            <li><a href="javascript:void(0)">工单记录</a></li>
            <li><a href="javascript:void(0)">附件</a></li>
        </ul>
        <div class="layui-tab-content">
            <!--历史记录 start-->
            <div class="layui-tab-item layui-show">
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>生产备注</b>
                    </div>
                    <div class="panel-main">
                        <div class="production-list">
                            备注节点：
                            <select class="select-style"></select>
                        </div>
                        <div class="production-list">
                            <textarea class="textarea-style" rows="3" placeholder="请输入您的生产备注记录..."></textarea>
                        </div>
                        <ul class="data-warp">
                            <!--<li title="lADOrfgrlc0DhM0FoA_1440_900.jpg">-->
                                <!--<div class="data-img">-->
                                    <!--<div class="center">-->
                                        <!--<img class="layui-upload-img">-->
                                    <!--</div>-->
                                    <!--<a href="javascript:void(0)" class="remove-upload"></a>-->
                                <!--</div>-->
                                <!--<p>lADOrfgrlc0DhM0FoA_1440_900.jpg</p>-->
                            <!--</li>-->
                            <li>
                                <a href="javascript:void(0)" class="upload-button" id="upload"></a><input class="layui-upload-file" type="file" name="file" multiple="">
                                <p>上传附件</p>
                            </li>
                        </ul>
                        <div class="production-list">
                            <button class="layui-btn">发布</button>
                        </div>
                    </div>
                </div>
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>生产节点记录</b>
                        <select class="select-style">
                            <option value="">当前全部节点</option>
                        </select>
                    </div>
                    <div class="finan-panel">
                        <table class="layui-table">
                            <thead>
                            <tr><th>生产节点/操作</th>
                                <th>操作时间</th>
                                <th>节点截止时间</th>
                                <th>操作人</th>
                                <th>角色</th>
                                <th>所属团队</th>
                                <th>备注</th>
                                <th>附件</th>
                            </tr></thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>XX1512312313</td>
                                <td>生产完结</td>
                                <td>生产完结</td>
                                <td>安全生产许可证</td>
                                <td>成都地区</td>
                                <td>新办</td>
                                <td><label class="label">正常</label></td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>XX1512312313</td>
                                <td>生产完结</td>
                                <td>生产完结</td>
                                <td>安全生产许可证</td>
                                <td>成都地区</td>
                                <td>新办</td>
                                <td><label class="label label-red">退款</label></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--历史记录 end-->
            <!--客户信息 start-->
            <div class="layui-tab-item">
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>客户信息</b>
                        <div class="panel-opt">
                            <a href="javascript:void(0)" class="layui-btn layui-btn-mini">编辑</a>
                        </div>
                    </div>
                    <div class="panel-table">
                        <table class="layui-table table-info">
                            <tbody><tr>
                                <th>房产</th>
                                <td>全款房； 面积【40M²】；位置【主城区】；市场价【100万】</td>
                            </tr>
                            <tr>
                                <th>车辆</th>
                                <td>按揭车； 公里数【50公里】</td>
                            </tr>
                            <tr>
                                <th>保单</th>
                                <td>有保单；缴纳方式【趸缴】</td>
                            </tr>
                            <tr>
                                <th>工作</th>
                                <td>工薪族；企业性质【国企】；【优质单位】；工资【30000/月】；发放形式【打卡】</td>
                            </tr>
                            <tr>
                                <th>公积金</th>
                                <td>无</td>
                            </tr>
                            <tr>
                                <th>社保</th>
                                <td>有社保；缴纳单位【本单位】；缴纳年限【6】</td>
                            </tr>
                            <tr>
                                <th>负债</th>
                                <td>无负债</td>
                            </tr>
                            <tr>
                                <th>信用卡</th>
                                <td>【3张信用卡】【有逾期】</td>
                            </tr>
                            <tr>
                                <th>其他备注</th>
                                <td>无</td>
                            </tr>
                            </tbody></table>
                    </div>
                </div>
            </div>
            <!--客户信息 end-->
            <!--证书/资质 start-->
            <div class="layui-tab-item">
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>证书相关</b>
                    </div>
                    <div class="panel-main">
                        <div class="tab-content">
                            <h3 class="h3-tit">已预约证书</h3>
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>证书系统ID</th>
                                    <th>证书类型</th>
                                    <th>证书专业</th>
                                    <th>证书等级</th>
                                    <th>应用范围</th>
                                    <th>类别</th>
                                    <th>三类证书</th>
                                    <th>操作</th>
                                </tr></thead>
                                <tbody>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>生产完结</td>
                                    <td>生产完结</td>
                                    <td>安全生产许可证</td>
                                    <td>成都地区</td>
                                    <td>新办</td>
                                    <td>施工资质</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link">取消预约</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>生产完结</td>
                                    <td>生产完结</td>
                                    <td>安全生产许可证</td>
                                    <td>成都地区</td>
                                    <td>新办</td>
                                    <td>施工资质</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link">取消预约</a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-content">
                            <h3 class="h3-tit">已预订证书</h3>
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>证书系统ID</th>
                                    <th>证书类型</th>
                                    <th>证书专业</th>
                                    <th>证书等级</th>
                                    <th>证书价格</th>
                                    <th>应用范围</th>
                                    <th>类别</th>
                                    <th>三类证书</th>
                                    <th>操作</th>
                                </tr></thead>
                                <tbody>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>生产完结</td>
                                    <td>生产完结</td>
                                    <td>安全生产许可证</td>
                                    <td>12000</td>
                                    <td>成都地区</td>
                                    <td>新办</td>
                                    <td>施工资质</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link">匹配</a>
                                        <a href="javascript:void(0)" class="iboss-link">取消预订</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>生产完结</td>
                                    <td>生产完结</td>
                                    <td>安全生产许可证</td>
                                    <td>12000</td>
                                    <td>成都地区</td>
                                    <td>新办</td>
                                    <td>施工资质</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link">匹配</a>
                                        <a href="javascript:void(0)" class="iboss-link">取消预订</a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-content">
                            <h3 class="h3-tit">已匹配证书</h3>
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>证书系统ID</th>
                                    <th>证书类型</th>
                                    <th>证书专业</th>
                                    <th>证书等级</th>
                                    <th>证书价格（元）</th>
                                    <th>使用价格（元）</th>
                                    <th>应用范围</th>
                                    <th>类别</th>
                                    <th>三类证书</th>
                                    <th>使用公司</th>
                                    <th>使用起始时间</th>
                                    <th>使用结束时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr></thead>
                                <tbody>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>建造师</td>
                                    <td>水利水电工程</td>
                                    <td>二级</td>
                                    <td>12000</td>
                                    <td>--</td>
                                    <td>全国</td>
                                    <td>初始</td>
                                    <td>B</td>
                                    <td>--</td>
                                    <td>--</td>
                                    <td>--</td>
                                    <td>未使用</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link" onclick="proAttached()">使用</a>
                                        <a href="javascript:void(0)" class="iboss-link">取消匹配</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>建造师</td>
                                    <td>水利水电工程</td>
                                    <td>二级</td>
                                    <td>12000</td>
                                    <td>180000</td>
                                    <td>全国</td>
                                    <td>初始</td>
                                    <td>B</td>
                                    <td>XXXXXX有限公司</td>
                                    <td>2018-06-19</td>
                                    <td>2018-06-19</td>
                                    <td>未使用</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link">解除使用</a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>资质相关</b>
                    </div>
                    <div class="panel-main">
                        <div class="tab-content">
                            <h3 class="h3-tit">已预约资质</h3>
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>资质系统ID</th>
                                    <th>资质类型</th>
                                    <th>资质名</th>
                                    <th>资质等级</th>
                                    <th>应用范围</th>
                                    <th>操作</th>
                                </tr></thead>
                                <tbody>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>生产完结</td>
                                    <td>生产完结</td>
                                    <td>安全生产许可证</td>
                                    <td>成都地区</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link">取消预约</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>生产完结</td>
                                    <td>生产完结</td>
                                    <td>安全生产许可证</td>
                                    <td>成都地区</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link">取消预约</a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-content">
                            <h3 class="h3-tit">已预订资质</h3>
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>资质系统ID</th>
                                    <th>资质类型</th>
                                    <th>所属企业名</th>
                                    <th>资质名</th>
                                    <th>资质等级</th>
                                    <th>成本价格（元）</th>
                                    <th>应用范围</th>
                                    <th>操作</th>
                                </tr></thead>
                                <tbody>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>生产完结</td>
                                    <td>生产完结</td>
                                    <td>安全生产许可证</td>
                                    <td>一级</td>
                                    <td>18000</td>
                                    <td>成都地区</td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link">匹配</a>
                                        <a href="javascript:void(0)" class="iboss-link">取消预订</a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-content">
                            <h3 class="h3-tit">已匹配资质</h3>
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>资质系统ID</th>
                                    <th>资质类型</th>
                                    <th>所属企业名</th>
                                    <th>资质名</th>
                                    <th>资质等级</th>
                                    <th>应用范围</th>
                                    <th>成本价格（元）</th>
                                    <th>转让价格（元）</th>
                                    <th>转让申请状态</th>
                                    <th>操作</th>
                                </tr></thead>
                                <tbody>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>总承包</td>
                                    <td>XXXXX有限公司</td>
                                    <td>建筑工程施工</td>
                                    <td>特级</td>
                                    <td>全国</td>
                                    <td>12000</td>
                                    <td>--</td>
                                    <td><label class="label label-blue">待申请</label></td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link" onclick="makeOver()">申请转让</a>
                                        <a href="javascript:void(0)" class="iboss-link">取消匹配</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>总承包</td>
                                    <td>XXXXX有限公司</td>
                                    <td>建筑工程施工</td>
                                    <td>特级</td>
                                    <td>全国</td>
                                    <td>12000</td>
                                    <td>--</td>
                                    <td><label class="label label-blue">审核中</label></td>
                                    <td> </td>
                                </tr>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>总承包</td>
                                    <td>XXXXX有限公司</td>
                                    <td>建筑工程施工</td>
                                    <td>特级</td>
                                    <td>全国</td>
                                    <td>12000</td>
                                    <td>--</td>
                                    <td><label class="label label-red">驳回</label></td>
                                    <td>
                                        <a href="javascript:void(0)" class="iboss-link" onclick="makeOver()">申请转让</a>
                                        <a href="javascript:void(0)" class="iboss-link">取消匹配</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>XX1512312313</td>
                                    <td>总承包</td>
                                    <td>XXXXX有限公司</td>
                                    <td>建筑工程施工</td>
                                    <td>特级</td>
                                    <td>全国</td>
                                    <td>12000</td>
                                    <td>30000</td>
                                    <td><label class="label label-green">同意</label></td>
                                    <td></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!--证书/资质 end-->
            <!--生产人员 start-->
            <div class="layui-tab-item">
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>生产人员</b>
                    </div>
                    <div class="panel-table">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>角色</th>
                                <th>所属团队</th>
                                <th>最近生产节点/操作</th>
                            </tr></thead>
                            <tbody>
                            <tr>
                                <td>XX1512312313</td>
                                <td>生产完结</td>
                                <td>生产完结</td>
                                <td>安全生产许可证</td>
                            </tr>
                            <tr>
                                <td>XX1512312313</td>
                                <td>生产完结</td>
                                <td>生产完结</td>
                                <td>安全生产许可证</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>人员变更记录</b>
                    </div>
                    <div class="panel-table">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>角色</th>
                                <th>类型</th>
                                <th>所属团队</th>
                                <th>操作时间</th>
                                <th>操作人</th>
                            </tr></thead>
                            <tbody>
                            <tr>
                                <td>XX1512312313</td>
                                <td>生产完结</td>
                                <td>生产完结</td>
                                <td>安全生产许可证</td>
                                <td>生产完结</td>
                                <td>安全生产许可证</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--生产人员 end-->
            <!--签单信息 start-->
            <div class="layui-tab-item">
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>订单信号</b>
                    </div>
                    <div class="panel-table">
                        <table class="layui-table table-info">
                            <tbody>
                            <tr>
                                <th>合同编号</th>
                                <td>XX1233312131</td>
                                <th>订单商务</th>
                                <td>王小麦 成都资质 商务三中心建筑资质六部</td>
                            </tr>
                            <tr>
                                <th>订单金额</th>
                                <td><b>￥11550.00</b></td>
                                <th>订单时间</th>
                                <td>2017/11/14 12:00:09</td>
                            </tr>
                            <tr>
                                <th>付款方式</th>
                                <td>先款后单</td>
                                <th>订单备注</th>
                                <td>--</td>
                            </tr>
                            <tr>
                                <th>合同编号</th>
                                <td>CD-TMX2017-0001</td>
                                <th>合同总金额</th>
                                <td>￥3150.00</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--签单信息 end-->
            <!--财务信息 start-->
            <div class="layui-tab-item">
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>核款明细</b>
                    </div>
                    <div class="panel-table">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>订单产品</th>
                                <th>产品属性</th>
                                <th>产品类型</th>
                                <th>合同编号</th>
                                <th>业务金额</th>
                                <th>核款金额</th>
                                <th>内部成本</th>
                                <th>外部成本</th>
                                <th>业绩</th>
                                <th>利润</th>
                                <th>核款时间</th>
                                <th>核款人</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>安全生产许可证</td>
                                <td>成都地区+新办</td>
                                <td>施工资质</td>
                                <td>XXX23321412</td>
                                <td>¥2500.00</td>
                                <td>¥2500.00</td>
                                <td>打印：¥500.00</td>
                                <td>--</td>
                                <td>¥500.00</td>
                                <td>¥500.00</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>技术工人</td>
                                <td>成都地区+高级+免考直出</td>
                                <td>培训学校</td>
                                <td>XXX23321412</td>
                                <td>¥2500.00</td>
                                <td>¥2500.00</td>
                                <td>打印：¥500.00</td>
                                <td>--</td>
                                <td>¥500.00</td>
                                <td>¥500.00</td>
                                <td></td>
                                <td></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>售后信息</b>
                    </div>
                    <div class="panel-table">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>退款产品</th>
                                <th>产品属性</th>
                                <th>产品类型</th>
                                <th>类型</th>
                                <th>退款金额</th>
                                <th>退款审核状态</th>
                                <th>退款原因</th>
                                <th>申请时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>安全生产许可证</td>
                                <td>成都地区+新办</td>
                                <td>施工资质</td>
                                <td>退款</td>
                                <td>¥2500.00</td>
                                <td>
                                    <label class="label label-blue">待审核</label>
                                </td>
                                <td>政策原因</td>
                                <td>李大山 后台一中心 后台四部</td>
                                <td>2017-10-02</td>
                            </tr>
                            <tr>
                                <td>安全生产许可证</td>
                                <td>成都地区+新办</td>
                                <td>施工资质</td>
                                <td>退单</td>
                                <td>¥2500.00</td>
                                <td>
                                    <label class="label label-red">审核驳回</label>
                                </td>
                                <td>政策原因</td>
                                <td>李大山 后台一中心 后台四部</td>
                                <td>2017-10-02</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="finan-panel">
                    <div class="finan-tit">
                        <b>退款明细</b>
                    </div>
                    <div class="panel-table">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>退款编号</th>
                                <th>退款金额</th>
                                <th>增/减内部成本</th>
                                <th>增/减外部成本</th>
                                <th>应扣除业绩</th>
                                <th>应扣除利润</th>
                                <th>业绩计算时间</th>
                                <th>退款产品</th>
                                <th>状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--财务信息 end-->
            <!--工单记录 start-->
            <div class="layui-tab-item">
                <div class="finan-panel">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th>工单编号</th>
                            <th>客户名称</th>
                            <th>工单状态</th>
                            <th>工单创建时间</th>
                            <th>工单截止时间</th>
                            <th>工单完成时间</th>
                            <th>工单类型</th>
                            <th>加急类型</th>
                            <th>创建人</th>
                            <th>处理人</th>
                            <th>联系电话</th>
                            <th>工单内容</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>XXXX</td>
                            <td>XX</td>
                            <td>未进行</td>
                            <td>2017-12-12</td>
                            <td>2017-12-12</td>
                            <td></td>
                            <td>上门业务</td>
                            <td>普通</td>
                            <td>XXX</td>
                            <td>张三</td>
                            <td>18588888888</td>
                            <td>XXXXXXXXXXXXXXXXXXXXXXXXXX</td>
                            <td>
                                <a href="javascript:void(0)" class="iboss-link">备注</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--工单记录 end-->
            <!--附件 start-->
            <div class="layui-tab-item">
                <ul class="data-warp">
                    <li title="lADOrfgrlc0DhM0FoA_1440_900.jpg">
                        <div class="data-img">
                            <div class="center">
                                <img class="layui-upload-img" src="http://temp.im/70x60/0ff/d00">
                            </div>
                        </div>
                        <p>lADOrfgrlc0DhM0FoA_1440_900.jpg</p>
                        <button type="button" class="layui-btn layui-btn-mini">下载</button>
                    </li>
                </ul>
            </div>
            <!--附件 end-->
        </div>
    </div>
    <!--使用 弹窗 start-->
    <div  class="content-layer layui-layer-wrap" id="proAttached">
        <table class="add-table form-table">
            <tbody>
            <tr>
                <th><span class="required">使用价格（元）：</span></th>
                <td>
                    <input type="text" class="input-style">
                </td>
            </tr>
            <tr>
                <th><span class="required">使用公司：</span></th>
                <td>
                    <input type="text" class="input-style">
                </td>
            </tr>
            <tr>
                <th><span class="required">使用起始日期：</span></th>
                <td>
                    <input type="text" class="input-style Wdate">
                </td>
            </tr>
            <tr>
                <th><span class="required">使用结束日期：</span></th>
                <td>
                    <input type="text" class="input-style Wdate">
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--使用 弹窗 end-->
    <!--申请转让 弹窗 start-->
    <div  class="content-layer layui-layer-wrap" id="makeOver">
        <table class="add-table form-table">
            <tbody>
            <tr>
                <th><span class="required">转让价格（元）：</span></th>
                <td>
                    <input type="text" class="input-style">
                </td>
            </tr>
            <tr>
                <th><span class="required">审核人：</span></th>
                <td>
                    <select class="select-style">
                        <option value="">请选择</option>
                    </select>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--申请转让 弹窗 end-->
    <!--更新节点 弹窗 start-->
    <div  class="content-layer layui-layer-wrap" id="updateNode">
        <table class="add-table form-table">
            <tbody>
            <tr>
                <th>上一完成节点：</th>
                <td>XXXXX 2018-03-01</td>
            </tr>
            <tr>
                <th><span class="required">完成节点：</span></th>
                <td>
                    <select class="select-style">
                        <option value="">请选择</option>
                        <option value="1">前段设计</option>
                        <option value="2">程序开发</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th><span class="required">下一节点更新人：</span></th>
                <td>
                    <select class="select-style">
                        <option value="">请选择</option>
                        <option value="1">前段设计</option>
                        <option value="2">程序开发</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>档案编号：</th>
                <td>DCXXXXXXXX </td>
            </tr>
            <tr>
                <th>档案状态：</th>
                <td>出库/入库 </td>
            </tr>
            <tr>
                <th>档案位置：</th>
                <td>张三  XX事业部XX中心</td>
            </tr>
            </tbody>
        </table>
        <div class="popups-info">
            <div class="remark-input-box">
                <p class="mb8"><span class="required">备注：</span></p>
                <textarea class="textarea-style" rows="3" placeholder="500字以内"></textarea>
            </div>
            <ul class="data-warp">
                <!--<li title="lADOrfgrlc0DhM0FoA_1440_900.jpg">-->
                <!--<div class="data-img">-->
                <!--<div class="center">-->
                <!--<img class="layui-upload-img">-->
                <!--</div>-->
                <!--<a href="javascript:void(0)" class="remove-upload"></a>-->
                <!--</div>-->
                <!--<p>lADOrfgrlc0DhM0FoA_1440_900.jpg</p>-->
                <!--</li>-->
                <li>
                    <a href="javascript:void(0)" class="upload-button"></a><input class="layui-upload-file" type="file" name="file" multiple="">
                    <p>上传附件</p>
                </li>
            </ul>
        </div>
    </div>
    <!--更新节点 弹窗 end-->
    <!--暂停生产 弹窗 start-->
    <div  class="content-layer layui-layer-wrap" id="productionPause">
        <table class="add-table form-table">
            <tbody>
            <tr>
                <th>当前生产节点：</th>
                <td>线下提交资料</td>
            </tr>
            <tr>
                <th><span class="required">预计开启时间：</span></th>
                <td>
                    <input type="text" class="input-style Wdate">
                </td>
            </tr>
            </tbody>
        </table>
        <div class="popups-info">
            <div class="remark-input-box">
                <p class="mb8"><span class="required">备注：</span></p>
                <textarea class="textarea-style" rows="3" placeholder="500字以内"></textarea>
            </div>
            <ul class="data-warp">
                <!--<li title="lADOrfgrlc0DhM0FoA_1440_900.jpg">-->
                <!--<div class="data-img">-->
                <!--<div class="center">-->
                <!--<img class="layui-upload-img">-->
                <!--</div>-->
                <!--<a href="javascript:void(0)" class="remove-upload"></a>-->
                <!--</div>-->
                <!--<p>lADOrfgrlc0DhM0FoA_1440_900.jpg</p>-->
                <!--</li>-->
                <li>
                    <a href="javascript:void(0)" class="upload-button" id="upload"></a><input class="layui-upload-file" type="file" name="file" multiple="">
                    <p>上传附件</p>
                </li>
            </ul>
        </div>
    </div>
    <!--暂停生产 弹窗 end-->
    <!--协单管理 弹窗 start-->
    <div class="content-layer layui-layer-wrap" id="helpManage">
        <table class="add-table form-table">
            <tbody>
            <tr>
                <th>流程人员：</th>
                <td>赵海（综合事业部 商务一中心 商务二部）</td>
            </tr>
            <tr>
                <th><span class="required">协单人员：</span></th>
                <td>
                    <select class="select-style" id="helpUser" multiple>
                        <option value=""></option>
                        <option value="1">李四</option>
                        <option value="2">张三</option>
                        <option value="3">赵武</option>
                        <option value="4">测试赛</option>
                        <option value="5">狐女不能</option>
                        <option value="6">空间电脑</option>
                        <option value="7">卡萨丁</option>
                    </select>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--协单管理 弹窗 end-->

    <!--档案绑定 弹窗 end-->
    <div class="content-layer layui-layer-wrap" id="fileBinding">
        <input type="hidden" class="layerIndex" />
        <table  class="add-table form-table">
            <tbody>
            <tr>
                <th>当前绑定档案编号：</th>
                <td>XXXXX452</td>
            </tr>
            <tr>
                <th>绑定档案：</th>
                <td>
                    <input type="text" class="input-style" placeholder="请输入客户名 / 档案编号">
                    <button type="button" class="layui-btn layui-btn-mini" onclick="searchFile()">搜索</button>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="popups-info">
            <table id="myTable" class="cell-border crm-table">
            </table>
        </div>
    </div>
    <!--档案绑定 弹窗 end-->
    <!--移交 弹窗 start-->
    <div class="content-layer layui-layer-wrap" id="turnOver">
        <table  class="add-table form-table">
            <tbody>
            <tr>
                <th>部门选择：</th>
                <td>
                    <select class="select-style" name="businessOrganizationId">
                        <option value="1">请选择</option>
                        <option value="2">张三</option>
                        <option value="2">李四</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>负责人：</th>
                <td>
                    <select class="select-style" name="businessOrganizationId">
                        <option value="1">请选择</option>
                        <option value="2">张三</option>
                        <option value="2">李四</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>备注：</th>
                <td>
                    <textarea class="textarea-style" rows="4" cols="40" placeholder="500字节以内"></textarea>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--移交 弹窗 end-->

    <!--退单 弹窗 start-->
    <div class="content-layer layui-layer-wrap" id="chargeBack">
        <table  class="add-table form-table">
            <tbody>
            <tr>
                <th><span class="required">申请理由：</span></th>
                <td>
                    <select class="select-style" name="businessOrganizationId">
                        <option value="1">请选择</option>
                        <option value="2">张三</option>
                        <option value="2">李四</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th><span class="required">审核人：</span></th>
                <td>
                    <select name="" class="chooseUser">
                        <option value=""></option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>备注：</th>
                <td>
                    <textarea class="textarea-style" rows="4" placeholder="500字节以内"></textarea>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--退单 弹窗 end-->
    <!--转单 弹窗 start-->
    <div class="content-layer layui-layer-wrap" id="transferOrder">
        <table class="add-table form-table">
            <tbody>
            <tr>
                <th>流程人员：</th>
                <td>王小毛（综合事业部 商务一中心 商务一部）</td>
            </tr>
            <tr>
                <th><span class="required">客户名称：</span></th>
                <td>
                    <select class="select-style" name="businessOrganizationId">
                        <option value="1">请选择</option>
                        <option value="2">张三</option>
                        <option value="2">李四</option>
                    </select>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="popups-info">
            <table  class="add-table form-table">
                <tbody>
                <tr>
                    <th>备注</th>
                    <td>
                        <textarea class="textarea-style" rows="4" cols="40" placeholder="500字节以内"></textarea>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <script src="https://tstatic.dgg.net/static/plugs/jquery/jquery-1.9.1.min.js"></script>
    <script src="https://tstatic.dgg.net/static/plugs/layui/layui.all.js"></script>
    <script src="https://tstatic.dgg.net/static/plugs/DataTables/js/jquery.dataTables.js"></script>
    <script src="https://tstatic.dgg.net/static/plugs/DataTables/js/dataTables.fixedColumns.min.js"></script>
    <script src="https://tstatic.dgg.net/static/plugs/DataTables/js/dataTable.extend.js"></script>
    <script src="https://tstatic.dgg.net/static/js/dgg-foot-base.js"></script>
    <script src="https://tstatic.dgg.net/static/plugs/select2/js/select2.min.js"></script>
    <script src="../../js/zzsc/common/sc_chooseUser.js"></script>
    <script>
        var matchTable,layerIndex;
        $(function(){
            flowList();
            $(window).resize(function(){flowList();});
        });
        //生产数据节点流程
        function flowList(){
            var even = /^\d*[02468]$/;
            var Wul = $(".flow-box").width();
            var num = Math.floor(Wul/130);//计算外部box一行能容纳多少个li;
            var L_li = $(".flow-ul").find("li").length;//查找li个数;
            var line  = Math.ceil(L_li/num);//计算共有line行;
            $(".flow-ul").addClass("box-center");
            $(".flow-ul li").removeClass("line-right line-left fr doubleLi");
            $(".flow-ul li").each(function(i){
                var n = Math.ceil((i+1)/num);
                // console.log(n)
                if(even.test(n)){
                    // console.log(n)
                    $(this).addClass("fr");
                    $(".flow-ul li").eq(n*num).addClass("line-left");
                }else{
                    $(".flow-ul li").eq(n*num).addClass("line-right");
                };
            });
            if(line == 1){
                $(".flow-box").addClass("text-center");
            }else{
                $(".flow-box").removeClass("text-center")
            }
            if(even.test(line)){
                $(".flow-ul li").eq(L_li-1).addClass("doubleLi");
            }
        };

        function proAttached() {
            dgg.Open({
                title: '使用',
                content: $('#proAttached'),
                area: '400px',
                yes:function () {
                    DGG.Confire('当前使用价格5000元，低于使用指导价6000元，是否依然确认使用？','使用提示',function() { alert('确认') })
                }
            })
        }
        //使用
        function makeOver() {
            dgg.Open({
                title: '使用',
                content: $('#makeOver'),
                area: '400px',
                yes:function () {
                    DGG.Confire('是否确认以50000元，申请进行转让？','转让提示',function() { alert('确认') })
                }
            })
        }
        //更新节点
        function updateNode() {
            dgg.Open({
                title: '更新节点',
                content: $('#updateNode'),
                area: '600px'
            })
        }
        //暂停生产
        function productionPause() {
            dgg.Open({
                title: '暂停生产',
                content: $('#productionPause'),
                area: '600px'
            })
        }
    //    协单管理
        function helpManage() {
            dgg.Open({
                title: '协单管理',
                content: $('#helpManage'),
                area: '600px',
                success:function () {
                    $('#helpUser').select2({
                        width:'400px'
                    });
                }
            })
        }
    //    证书匹配
        function certificateMatch() {
            $.ajax({
                url:"certificateMatchAjax.html",
                dataType:"html",
                success:function (res) {
                    layerIndex=dgg.Open({
                        title: '证书匹配',
                        content: res,
                        area: '80%',
                        success:function () {

                        }
                    })
                }
            })
        }
        function matchSearch() {
            if(matchTable==undefined){
                //初始化
                matchTable=$('#myTable').dataTableExtend({
                    "ajax": "https://www.easy-mock.com/mock/5b601a98e5570610098cc81f/interface/table.co",
//			    	"select":true,
//			    	"scrollX":"true",//是否开启横项滚动
//					"fixedColumns":   {//锁定列，只有开启scrollX时才生效
//			            "leftColumns": 2,//左侧锁定2列
//			            "rightColumns": 1//右侧锁定1列
//			        },

                    "fnInitComplete": function(settings, json) {
                        //datatable加载完后重定位弹窗
                        dgg.relocation(layerIndex)
                    },
                    "aoColumns": [
                        {
                            "render": function (data, type, full, meta) {
//			                    console.log(meta.row);
                                return meta.row+1;
                            }
                        },
                        {
                            "data": "businessOrganizationId",
                            "orderable": false
                        },
                        {
                            "data": "no",
                            "orderable": false
                        },
                        {
                            "data": "createrName",
                            "orderable": false
                        },
                        {
                            "data": "lastFollowRecordUser",
                            "orderable": false,
                            "visible": false
                        },
                        {
                            "data": "originType",
                            "orderable": false
                        },
                        {
                            "data": "createTime",
                            "orderable": false
                        },
                        {
                            "data": "lastFollowRecordContent",
                            "orderable": false
                        },
                        {
                            "data": "lastFollowRecordContent",
                            "orderable": false
                        },
                        {
                            "orderable": false,
                            "render":function (data, type, full, meta) {
                                return '<a href="javascript:void(0)" class="iboss-link" onclick="reservation(0,$(this))">预订</a>'
                            }
                        }
                    ],
                });
            }else {
                //搜索
                matchTable.ajax.reload();
            }
        }
    //    预订
        function reservation(type,obj) {
            dgg.loading();
            var type0='<a href="javascript:void(0)" class="iboss-link" onclick="reservation(0,$(this))">预订</a>',
                type1='<a href="javascript:void(0)" class="iboss-link" onclick="reservation(1,$(this))">取消预订</a>',
                reservationNum=parseInt($('#reservationNum').text());
            if(type==0) {
                obj.after(type1);
                obj.remove();
                reservationNum+=1;
            }else if(type==1) {
                obj.after(type0);
                obj.remove();
                reservationNum-=1;
            }
            $('#reservationNum').text(reservationNum);
            dgg.loading('close');
        }
    //    预约
        function appointment() {
            $.ajax({
                url:"appointmentAjax.html",
                dataType:"html",
                success:function (res) {
                    dgg.Open({
                        title: '预约详情',
                        content: res,
                        area: '80%',
                        btn:['返回'],
                        success:function () {

                        }
                    })
                }
            })
        }
    //    匹配
        function match() {
            $.ajax({
                url:"matchAjax.html",
                dataType:"html",
                success:function (res) {
                    dgg.Open({
                        title: '匹配详情',
                        content: res,
                        area: '80%',
                        btn:['返回'],
                        success:function () {

                        }
                    })
                }
            })
        }
        //退单
        function chargeBack() {
            dgg.Open({
                title: '申请退单',
                content: $('#chargeBack'),
                area: '500px',
                success:function () {
                    chooseUserPlug.init($('.chooseUser'),{
                        width:'240px',
                        url:'https://www.easy-mock.com/mock/5b601a98e5570610098cc81f/interface/chooseUser.do',
                        requestUrl:'../demo/chooseUserAjax.html'
                    })
                }
            })
        }
        //转单
        function transferOrder() {
            dgg.Open({
                title: '转单',
                content: $('#transferOrder'),
                area: '500px',
                success:function () {
                    chooseUserPlug.init($('.chooseUser'),{
                        width:'240px',
                        url:'https://www.easy-mock.com/mock/5b601a98e5570610098cc81f/interface/chooseUser.do',
                        requestUrl:'../demo/chooseUserAjax.html'
                    })
                }
            })
        }
        //档案绑定
        function fileBinding() {
            dgg.Open({
                title: '档案绑定',
                content: $('#fileBinding'),
                area: '700px',
                success:function(layero, index){
                    $('.layerIndex').val(index)
                }
            })
        }
        var fileTableObj;
        function searchFile() {
            if(fileTableObj!=undefined) {
                fileTableObj.ajax.reload();
            }else {
                fileTableObj=$('#myTable').dataTableExtend({
                    "ajax": "https://www.easy-mock.com/mock/5b601a98e5570610098cc81f/interface/table.co",
                    "oneSelectCheck":true,
                    "fnInitComplete": function(settings, json) {
                        //datatable加载完后重定位弹窗
                        dgg.relocation($('.layerIndex').val())
                    },
                    "aoColumns": [
                        {
                            "title":"选择",
                            "sClass": "check-th",
                            "orderable": false,
                            "data": "ID",
                            "render": function (data, type, full, meta) {
                                return '<input type="checkbox"  class="checkchild"  value="' + data + '" />';
                            }
                        },
                        {
                            "title":"客户名",
                            "orderable": false,
                            "data": "createrName"
                        },
                        {
                            "title":"档案编号",
                            "orderable": false,
                            "data": "no"
                        },
                        {
                            "title":"档案状态",
                            "orderable": false,
                            "data": "originType"
                        },
                        {
                            "title":"操作",
                            "orderable": false,
                            "render": function (data, type, full, meta) {
                                return '<a href="javascript:void(0)" class="iboss-link">绑定</a>';
                            }
                        },
                    ]
                })
            }
        }
        //移交
        function turnOver() {
            dgg.Open({
                title: '移交',
                content: $('#turnOver'),
                area: '500px'
            })
        }
    </script>
</body>
</html>